<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Jeu Station</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <style>
            .hero-unit{
                width: 660px; 
                height: 150px;
                margin: 0px;
                padding-top: 0px;
            }
            
            #question{
                padding-top: 100px;
            }
        </style>
    </head>
    <body>
        <h2 class="text-center">Jeu Station</h2>
        <div class="row-fluid">
            <div id="canvas" class="span6">
                <!-- Dessin du plan-->
            </div>

            <div id="question" class="span6 ">
                <!-- Quéstions-->                
                <div class="hero-unit">                    
                    <h3 class="text-center">Questions </h3>                    
                    <div id="choix">
                        <p id="typeQuestion"> Quel est le nom de cette station : </p>
                        <table>
                            <tr id="ligneTableau">
                                <td>Nom : <input id="reponse" type="text" placeholder="station" disabled></td>
                                <td><button id="valider" class="btn btn-primary" disabled="disabled" type="button">Valider</button></td>
                                <td><button id="commencer" class="btn btn-success" type="button">Commencer</button></td>
                            </tr>                            
                        </table>                        
                    </div>                    
                </div>
            </div>
             <div class="span2 offset2">
                <table id="tableau" class="table table-hover">
                    <caption id="caption"></caption>
                                    
                </table>
            </div>
        </div>  

    </body>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/traitementJeu.js"></script>
</html>
